<template>
<div>
    <h1>我是MyCom组件</h1>
    <!-- <img src="../assets/logo.png" /> -->
    <!-- <img src="@/assets/logo.png" /> -->
    <img :src="imgurl" />
    <img :src="imgurl2" />
</div>

</template>

<script>
// spa ：sigle page application 
// style的 scoped属性：样式只在 组件内起作用
// @符号会指向src目录


/* 
1.lang 属性设置语言 设置 html script  style
2.可以通过src引入各种路径
3.图片的路径 ：非动态 文件相对路径查找  可以通过别名 @查找
4.动态路径 ： import 图片 from 路径  ； require("路径")
5.css的 scoped属性
*/
import img from '../assets/logo.png';
console.log(img);
export default {
    data:function(){
        return {
            message:"数据",
            imgurl:img,
            imgurl2:require("../assets/logo.png")
        }
    }
}
</script>

<style scoped>
    .box{
        width: 100px;
        height: 100px;
        background: red;
    }
</style>